<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://www.zkingsoft.com" prefix="matrix"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!-- 本框架基本脚本和样式 -->
<script type="text/javascript"
	src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="${path }/resource/js/systools/MBase.js"></script>
	
<style type="text/css">
.huanhang {
	word-break: break-all;
	word-wrap: break-all;
}

#serchform .input-group {
    margin: 5px 0;
}
#serchform .select2,.select2-selection--single {
    height: 34px!important;
    width: 100%!important;
}
#serchform .input-group-addon {
    font-weight: 700;
    min-width: 100px;
    border-right: 0!important;
    background: #fbfbfb;
    padding: 0 2%;
    width: 1%!important;
}
#serchform .m-r-10{
	margin-right: 10px;
}
</style>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<!-- 搜索框部分start -->
		<matrix:btn value="backup:search">
			<div class="row">
				<div class="col-sm-12">
					<form class="form-inline" id="serchform">
						<div class="row">
							<div class="col-sm-3">
								<div class="input-group">
									<span class="input-group-addon">订单编号</span> <input
										placeholder="请输入订单编号" name="orderNum" type="text"
										class="form-control">
								</div>
							</div>
							<div class="col-sm-3">
								<div class="input-group">
									<span class="input-group-addon">酒店</span> <select
										name="hotelId" class="form-control autoFull select2">
										<option value="">请选择酒店</option>
										<option value="1">请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店请选择酒店</option>
										<option value="2">请选择酒店</option>
										<option value="3">请选择酒店</option>
										<option value="4">请选择酒店</option>
									</select>
								</div>
							</div>
							<!--日期选择-->
							<div class="col-sm-3">
								<div class="input-group">
									<span class="input-group-addon">订单状态啊啊啊啊</span> <select
										class="form-control select2" name="orderState">
										<option value="">请选择订单状态</option>
										<option
											<c:if test="${obj.orderState eq 1}"> selected="selected"</c:if>
											value="1">已创建</option>
										<option
											<c:if test="${obj.orderState eq 2}"> selected="selected"</c:if>
											value="2">入库运输</option>
										<option
											<c:if test="${obj.orderState eq 3}"> selected="selected"</c:if>
											value="3">已入库</option>
										<option
											<c:if test="${obj.orderState eq 4}"> selected="selected"</c:if>
											value="4">已出库</option>
										<option
											<c:if test="${obj.orderState eq 5}"> selected="selected"</c:if>
											value="5">出库运输</option>
										<option
											<c:if test="${obj.orderState eq 6}"> selected="selected"</c:if>
											value="6">已验收</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row">
						<div class="col-sm-3">
		                    <div class="input-group">
		                        <span class="input-group-addon">创建时间</span>
		                        <input type="text" placeholder="请输入起始时间" class="form-control dataInput" id="startTime" name="startTime">
							</div>
						</div>
						<div class="col-sm-3">
							<div class="input-group" style="padding-right:100px">
								<input type="text" placeholder="请输入结束时间" class="form-control dataInput" id="endTime" name="endTime">
		                    </div>
		                </div>
						<div class="col-sm-3">
							<div class="input-group" style="top: 3px;">
								<button onclick="myGrid.serchData()" type="button"
									class="btn btn-info btn-sm m-r-10">
									<i class="fa fa-search "></i> 搜索
								</button>
								<button onclick="myReset('#serchform');" type="button"
									class="btn btn-info btn-sm m-r-10">
									<i class="fa fa-refresh "></i> 重置
								</button>
							</div>
						</div>
					</div>
					</form>
				</div>
			</div>
		</matrix:btn>
		<div class="ibox-content radius-5 mt-5 mpanel">

			<div class="row">
				<div class="col-sm-12">
					<div class="option-bar">
						<matrix:btn value="backup:database_backup">
							<button onclick="backup()" type="button"
								class="btn btn-danger btn-sm">
								<i class="fa fa-trash"></i> 备份数据库
							</button>
						</matrix:btn>
<%-- 						<matrix:btn value="backup:database_restore"> --%>
<!-- 							<button onclick="loadData()" type="button" -->
<!-- 								class="btn btn-success btn-sm"> -->
<!-- 								<i class="fa fa-plus"></i> 还原数据库 -->
<!-- 							</button> -->
<%-- 						</matrix:btn> --%>
					</div>
					<!-- 搜索框部分en -->
					<table id="mgrid">
						<thead>
							<tr>
								<th data-checkbox="true"></th>
								<th data-formatter="MGrid.indexfn" data-align="center"
									data-width="30px">序号</th>
								<th data-field="buDbIp" data-sortable="true">IP地址</th>
								<th data-field="buDbPort">端口号</th>
								<th data-field="buDbName">名称</th>
								<th data-field="buDbUname">用户名</th>
								<th data-field="buDbPwd">用户密码</th>
								<th data-field="buStatus" data-formatter="setStatus">状态</th>
								<th data-field="buSize">文件大小</th>
								<th data-field="buPath">文件路径</th>
								<th data-field="buErrMsg">错误信息</th>
								<th data-align="center" data-width="150px" data-field="buId"
									data-formatter="buidOperate">操作</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="${path }/resource/js/systools/MJsBase.js"></script>
	<script type="text/javascript">
		$(".select2").select2();
	
		var myGrid;

		$(function() {
			var delPath = "";
			<matrix:btn value="backup:del">
			delPath = "${path}/admin/sysDbBackup/del";
			</matrix:btn>
			myGrid = MGrid.initGrid({
				url : "${path}/admin/sysDbBackup/showList",
				delUrl : delPath
			});
		});

		function buidOperate(value, row, index) {
			var html = [];
			<matrix:btn value="backup:edit">
			html[0] = '<a onClick="openEdit(' + value
					+ ')"  title="编辑" class="fa fa-edit option"></a>'
			</matrix:btn>
			<matrix:btn value="backup:del">
			html[1] = '<a onClick="myGrid.delItem('
					+ value
					+ ')" title="删除" class="fa fa-close option text-danger"></a>';
			</matrix:btn>
			return html.join("");
		}

		<matrix:btn value="backup:edit">
		//打开编辑界面
		function openEdit(id) {
			layer.open({
				type : 2,
				title : "编辑管理员",
				area : [ MUI.SIZE_L, '500px' ],
				maxmin : true,
				content : [ '${path}/admin/sysDbBackup/editForm?id=' + id ]
			});
		}
		</matrix:btn>
		<matrix:btn value="backup:database_backup">
		//备份数据库
		function backup() {
			$.AjaxProxy().invoke("${path}/admin/sysDbBackup/database_backup",
					function(loj) {
						// 执行成功弹出提示层
						layer.msg(loj.getValue("info"), {
							icon : 1,time: 1000
						}, function(inindex) {
							// 关闭提示层
							layer.close(inindex);
						});
						myGrid.serchData();
					});
		}
		</matrix:btn>
		<matrix:btn value="backup:database_restore">
		//还原数据库
		function loadData() {
			alert("loadData");
		}
		</matrix:btn>

		function setStatus(value, row, index) {
			switch (value) {
			case "0":
				return "失败";
				break;
			case "1":
				return "成功";
				break;
			default:
				return value;
			}
		}
	</script>
</body>
</html>
